<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title>Ver Habitaciones</title>
    </h:head>
    <h:body>
        <h:form prependId="false">  
            <p:dataGrid paginator="true" var="hab" value="#{habitacion.listarHabitaciones()}" columns="3" rows="9" effect="true">  
                <p:column>  
                    <p:panel header="#{hab.numero}" style="text-align:center">  
                        <h:panelGrid columns="1" style="width:100%">  
                            <p:commandLink update="Detalles de Habitación" title="Estado">  
                                <p:graphicImage value="imagenes/#{hab.estado}.jpg"/>     
                            </p:commandLink>  
                        </h:panelGrid>  
                    </p:panel>  
                </p:column>  
            </p:dataGrid>
            <br></br>
            <h:outputLabel style="font-weight: bold" value="Convenciones:"/>
                <h:panelGrid columns="2">
                    <img src="imagenes/a.jpg"/>
                    <h:outputLabel value="Habitaciones Activas"/>
                    <img src="imagenes/i.jpg"/>
                    <h:outputLabel value="Habitaciones Inactivas y otros estados"/>
                </h:panelGrid>
        </h:form>  
    </h:body>
</html>

